<style lang="scss">
	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
	@import "uview-ui/index.scss";

	view,
	text,
	textarea {
		box-sizing: border-box;
		font-size: 22rpx;
	}

	@font-face {
		font-family: 'PingFangSC';
		font-weight: normal;
		font-style: normal;
		// font-family: 'iconfont';
		src: url('https://oaxiaochengxu.0871.cn/pingfang.ttf');
	}

	//弹性布局
	.dis_flex {
		display: flex;
	}

	/*左右对齐*/
	.jus-con {
		justify-content: space-between;
	}

	//居中对齐
	.jus-cen {
		justify-content: center;
	}

	//左对齐
	.jus-sta {
		justify-content: flex-start;
	}

	//右对齐
	.jus-end {
		justify-content: flex-end;
	}

	//每个项目两侧的间隔相等
	.jus-aro {
		justify-content: space-around;
	}

	//居中
	.ali-ite {
		align-items: center;
	}

	// 如果项目未设置高度或设为auto，将占满整个容器的高度
	.ali-str {
		align-items: stretch;
	}

	// 项目的第一行文字的基线对齐。
	.ali-bas {
		align-items: baseline;
	}

	//垂直居中
	.fle-flo {
		flex-flow: column;
	}


	//内容居中
	.text-align {
		text-align: center;
	}

	//居中
	.mar-aut {
		margin: auto;
	}

	.bor-rad-6 {
		border-radius: 6px;
	}

	.bor-rad-8 {
		border-radius: 8px;
	}

	/*按钮点击反馈效果*/
	.wsui-btn__hover_list {
		opacity: 0.7;
		background: #FFFFFF;
		position: relative;
		top: 3rpx;
		left: 3rpx;
		box-shadow: 0px 0px 8px rgba(0, 0, 0, .1) inset;
	}

	.blueButton {
		background: #0051BA;
		color: #FFFFFF;
	}

	.col-fff {
		color: #FFFFFF;
	}

	/*font-size*/
	.fon-siz-8 {
		font-size: 8px;
	}

	.fon-siz-9 {
		font-size: 9px;
	}

	.fon-siz-10 {
		font-size: 10px;
	}

	.fon-siz-11 {
		font-size: 11px;
	}

	.fon-siz-12 {
		font-size: 12px;
	}

	.fon-siz-13 {
		font-size: 13px;
	}

	.fon-siz-14 {
		font-size: 14px;
	}

	.fon-siz-15 {
		font-size: 15px;
	}

	.fon-siz-16 {
		font-size: 16px;
	}

	.fon-siz-17 {
		font-size: 17px;
	}

	.fon-siz-18 {
		font-size: 18px;
	}

	.fon-siz-19 {
		font-size: 19px;
	}

	.fon-siz-20 {
		font-size: 20px;
	}

	.fon-siz-21 {
		font-size: 21px;
	}

	/*font-weight*/
	.fon-wei-bol {
		font-weight: bolder;
	}

	/*margin*/
	.mar-top-2 {
		margin-top: 2px;
	}

	.mar-top-3 {
		margin-top: 3px;
	}

	.mar-top-4 {
		margin-top: 4px;
	}

	.mar-top-5 {
		margin-top: 5px;
	}
	.mar-top-6 {
		margin-top: 6px;
	}
	.mar-top-7 {
		margin-top: 7px;
	}
	.mar-top-8 {
		margin-top: 8px;
	}

	.mar-top-10 {
		margin-top: 10px;
	}

	.mar-top-15 {
		margin-top: 15px;
	}

	.mar-top-20 {
		margin-top: 20px;
	}

	.mar-top-30 {
		margin-top: 30px;
	}

	.mar-rig-2 {
		margin-right: 2px;
	}

	.mar-rig-3 {
		margin-right: 3px;
	}

	.mar-rig-4 {
		margin-right: 4px;
	}

	.mar-rig-5 {
		margin-right: 5px;
	}

	.mar-rig-10 {
		margin-right: 10px;
	}

	.mar-rig-15 {
		margin-right: 15px;
	}

	.mar-bot-1 {
		margin-bottom: 1px;
	}

	.mar-bot-2 {
		margin-bottom: 2px;
	}

	.mar-bot-3 {
		margin-bottom: 3px;
	}

	.mar-bot-4 {
		margin-bottom: 4px;
	}

	.mar-bot-5 {
		margin-bottom: 5px;
	}
	.mar-bot-7 {
		margin-bottom: 7px;
	}

	.mar-bot-10 {
		margin-bottom: 10px;
	}

	.mar-bot-15 {
		margin-bottom: 15px;
	}

	.mar-bot-20 {
		margin-bottom: 20px;
	}

	.mar-lef-2 {
		margin-left: 2px;
	}

	.mar-lef-3 {
		margin-left: 3px;
	}

	.mar-lef-4 {
		margin-left: 4px;
	}

	.mar-lef-5 {
		margin-left: 5px;
	}

	.mar-lef-10 {
		margin-left: 10px;
	}

	.mar-lef-15 {
		margin-left: 15px;
	}

	.mar-lef-20 {
		margin-left: 20px;
	}
	.mar-lef-25 {
		margin-left: 25px;
	}
	.mar-lef-30 {
		margin-left: 30px;
	}

	.padding-2 {
		padding: 2px;
	}

	.padding-3 {
		padding: 3px;
	}

	.padding-4 {
		padding: 4px;
	}

	.padding-5 {
		padding: 5px;
	}

	.padding-10 {
		padding: 10px;
	}

	.padding-15 {
		padding: 15px;
	}

	.padding-20 {
		padding: 20px;
	}

	.padding-30 {
		padding: 30px;
	}

	.padding-40 {
		padding: 40px;
	}

	.pad-top-15 {
		padding-top: 15px;
	}

	// 主题蓝色
	.zhulan {
		color: #0051BA;
	}

	.zhucheng {
		color: #FFDA1A;
	}

	.zhuhui {
		color: #8a8a8a;
	}

	.zhuhong {
		color: red;
	}

	.ziti-bai {
		color: #fff;
	}

	.dis_non {
		display: none;
	}

	.dabiaoti {
		font-size: 16px;
		color: #0051BA;
		font-weight: bolder;
	}

	.main-body-e {
		padding: 20px;
		background-color: #ffffff;
		border-radius: 8px;
	}
	
	._h1{
		font-size:26rpx;
		font-weight: bold;
	}
	
	.padding-sx{
		padding:7px 0; 
	}
	
	.pos-rel{
		position: relative;
	}
	.pos-abs{
		position: absolute;
	}
	.pos-fix{
		position: fixed;
	}
	
	.zi-zhuse{
		color:rgba(0, 81, 186, 1)
	}
	.zi-red{
		color:red;
	}
	
	.main {
		padding: 10px;
		position: relative;
		min-height: 100vh;
		background-image: linear-gradient(#005687, #E4E4E5);
	}
	
	.lin-hei-20{
		line-height:20px;
	}

	page {
		height: 100%;
	}
</style>
